@import "../assets/themes/light.styl"

select
  padding 0.2em 0.5em
  border 1px solid alpha($color, 0.5)
  box-shadow 0 2px 1px 0 alpha($color, 0.5)
  border-radius 5px
  background-color transparent
  appearance none
  width 100%
  background-image url(replace(__color__, replace("#", "", s("%s", rgb($color))), "data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23__color__%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"))
  background-repeat no-repeat
  background-position right .5em top 50%, 0 0
  background-size .65em auto, 100%
  color $color
select::-ms-expand
  display none

button
  padding 0.2em 0.5em
  appearance none
  background-color transparent
  border 1px solid alpha($color, 0.5)
  box-shadow 0 2px 1px 0 alpha($color, 0.5)
  cursor pointer
  color $color
  border-radius 5px
  &[disabled]
    color lighten($color, 50)
    border-color alpha($color, 0.2)
    cursor not-allowed

input[type="text"]
  border 0
  border-bottom 1px solid $color
  background-color transparent
  appearance none
  width 100%
  color $color

.copyright
  position fixed
  bottom 0
  right 0
  font-size 0.7em
  padding 0 5px
  border-radius 5px 0 0 0
  background-color $minorBackgroundColor
  a
    color $color

@import "../assets/themes/dark.styl"

body.dark-theme
  select
    border-color alpha($color, 0.7)
    box-shadow 0 2px 1px 0 alpha($color, 0.7)
    background-image url(replace(__color__, replace("#", "", s("%s", rgb($color))), "data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23EEEEEE%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"))
    color $color
  button
    border-color alpha($color, 0.7)
    box-shadow 0 2px 1px 0 alpha($color, 0.7)
    color $color
    &[disabled]
      color darken($color, 50)
      border-color alpha($color, 0.2)
      cursor not-allowed
  input[type="text"]
    border-color $color
    color $color
  .copyright
    background-color $minorBackgroundColor
    a
      color $color